﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" id="description1" content="1">
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no">
    <title>AskiNow-Credit For Knowledge</title>
    <link href="/css/main.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css" >
    <link href="/css/index.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css" >
    <link href="/css/sidebar.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css" >
    
    
</head>
<body>
<!--#include file="incfiles/header.aspx"-->

<div class="index_banner">
  <div class="index_video">
      <video id="video" poster="images/index_navbg01.jpg" onplaying="changeTailPoster()" onended="nextVideo()" >
        <source id="videoSource" src="<%=ConfigurationManager.AppSettings["VideoPath"].ToString() %>1.mp4" type="video/mp4" />
      </video>
  </div>

  <div style="max-width: 1000px;margin: 0 auto">
    <div class="index_banner_main">
      <h2>Better Grades Better Jobs</h2>
      <p>Find your personal academic tutor and career consultant</p>
      <div class="free-trial" onclick="showFindTutor();">Find me a tutor</div>
      <%--<h3 style="font-family: 'Century Gothic';">See How it Works</h3>--%>

      <form action="/searchResult/" method="post" name="form" id="form">
        <div class="banner_search">
          <img src="images/search0.png" alt=""/>
          <input type="text" placeholder="What Subjects can we help you with? Try ‘Accounting’…"  autocomplete="off"  id="keywordindex" name="keyword"  />
          <ul class="banner_search_pop"></ul>
        </div>
      </form>
      <div class="hotkeys">
        <a href="searchResult/?keyword=IELTS">IELTS</a>
        <a href="searchResult/?keyword=Management">Management</a>
        <a href="searchResult/?keyword=Finance ">Accounting&Finance</a>
        <a href="searchResult/?keyword=Math">Mathematics</a>
        <a href="searchResult/?keyword=Economics">Economics</a>
        <a href="searchResult/?keyword=Social">Social Science</a>
        <a href="searchResult/?keyword=CV">CV Editing</a>
        <a href="searchResult/?keyword=Proofreading">Assignment Proofreading</a>
      </div>
    </div>
  </div>
</div>

<div class="seehow">
  <h2>AskiNow is an online 1-to-1 instant tutorial platform</h2>

  <div>See how it works</div>
</div>

<div class="contentBox">
  <ul class="index_list">
    <li>
      <img src="images/index_list1.png" alt=""/>
      <h4>Search now</h4>

      <p>Find the best tutor for your specific needs</p>
    </li>
    <li style="margin: 0 117px">
      <img src="images/index_list2.png" alt=""/>
      <h4>Anytime, anywhere</h4>

      <p>Ask for help whenever you want, wherever you may be</p>
    </li>
    <li>
      <img src="images/index_list3.png" alt=""/>
      <h4>Freedom</h4>

      <p>Choose the most suitable studying approach.
        <a href="video_demo.aspx" target="_blank">Try demo</a>
      </p>
    </li>
  </ul>
  <div class="device">
    <div id="browser-video"></div>
    <div class="browser">
      <div class="browser-details"></div>

      <div id="browser-imgs">
        <img src="images/browser_img1.jpg" alt=""/>
        <img src="images/browser_img2.jpg" alt=""/>
        <img src="images/browser_img3.jpg" alt=""/>
        <img src="images/browser_img4.jpg" alt=""/>
      </div>
    </div>
    <div class="slick-dots">
      <span class="cur">Search</span><span>Select</span><span>Free Chat</span><span>Start class</span>
    </div>
  </div>
</div>
<div class="video-btn">
  <div onclick="playVideo();"></div>
</div>
<div class="tutor-list-slide">
  <div class="til">
    <div class="h2">See who can help you here...</div>
  </div>
  <div class="hd">
    <ul>
      <li></li>
      <li></li>
    </ul>
  </div>
  <div class="bd">
    <ul>
      <li class="tutor-list tutor-list1">
        <div class="infobg">
          <div class="info">
            <h1>Alistair</h1>
            <h3 style="margin-top:62px;">ICAP Iron Ore Broker</h3>
            <p style="height: 75px;">Leading Interdealer Brokerage House</p>
            <h3>Standard Chartered Bank</h3>
            <p style="height: 50px;">Corporate finance summer placement</p>
            <h3>The University of Warwick</h3>
            <p style="height: 25px;">Economics——2.1</p>
            <a href="/teacher/?userid=1"></a>
          </div>
        </div>
      </li>
      <li class="tutor-list tutor-list2">
        <div class="infobg">
          <div class="info">
            <h1>Huang Yu</h1>
            <h3 style="margin-top:62px;">Ph.D in Imperial College London</h3>
            <p style="height: 75px;">Imperial College London is a university of world class scholarship, <br/>education
              and research in science, engineering and medicine.</p>
            <h3>Chemical Engineering</h3>
            <p style="height: 50px;">Fluid Mechanics & Heat and Mass tansfaer <br/>Methematics and Physics</p>
            <h3>Bilingual</h3>
            <p style="height: 25px;">English and Mandarin</p>
            <a href="/teacher/?userid=134"></a>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>

<div class="search-result">
  <div class="mask"></div>
  <div class="cont">
    <div class="search-img"><img src="images/search_img.png" alt=""></div>
    <ul>
      <li class="cur"><i></i>CV Editing</li>
      <li><i></i>Mock Interview</li>
      <li><i></i>Proofreading</li>
      <li><i></i>Accounting</li>
      <li><i></i>Mathematics</li>
    </ul>
    <a href="/searchResult/" class="search-circle">Search</a>
  </div>
</div>
<div class="credit">
  <h2>Credit for your knowledge</h2>

  <p>AskiNow believes that everyone's experience and knowledge matters! <br/>
    We are here to help you find your true value.</p>
</div>

<div class="sign-tutor">
  <div class="signbg"></div>
  <div class="betutorbg"></div>
  <div style="margin: 0 auto; width: 1000px; height: 330px;">

    <div class="sign">
      <h3>Sign up now to get £10 credit!</h3>

      <p>To help you start your path to finding the true value of knowledge, AskiNow offers £10 credit to all
        new students to pay the tutors on the platform. </p>

      <div class="goto" onClick="signShow()">Sign up now, its better than FREE!
        <img src="images/footer_arrow.png" alt=""/>
      </div>
      <span>or back to the top of page</span>
    </div>

    <div class="betutor">
      <img src="images/index_tutor.png" alt=""/>

      <h3>Want to be a tutor and get more income?</h3>

      <p>AskiNow is easy to register. Fill in your personal information and show us the proof that you know your stuff
        and we will accept you as a tutor. </p>

      <div class="goto" style="width: 250px;" onclick="window.location.href='become/index.aspx'">Become a tutor now!
        <img src="images/footer_arrow.png" alt=""/></div>
    </div>
  </div>
</div>

<div class="guide">
  <div class="guide-welcome">
    <h2>Welcome to AskiNow.com</h2>
    <p>Find your online 1-1 private <span>academic tutor</span> here</p>
    <p>Find your online 1-1 private <span>career consultant</span> here</p>
    <p>Become a <span>freelance</span> tutor anytime, anywhere</p>
    <div class="guide-btn guide-btn-start">Start Asking</div>
  </div>

  <div class="guide-box">
    <div class="guide-search">
      <h3>Search</h3>
      <p>Type the subject you need help with</p>
      <div class="guide-btn guide-btn-next">Next</div>
    </div>

    <div class="guide-sign">
      <h3>Get &pound;10 Voucher </h3>
      <p>Sign up now to get £10 AskiCoin Voucher</p>
      <div class="guide-btn-login">Log in</div>
      <div class="guide-btn guide-btn-sign">Sign up</div>
      <p class="skip" onclick="$('.guide').hide();">Skip &gt;&gt;</p>
    </div>
  </div>

  <div class="guide-customer">
    <h3>Customer support</h3>
    <p>Our customer service is always ready to help you 24/7.</p>
    <div class="guide-btn guide-btn-next">Next</div>
  </div>


</div>
<!--****************************siderbar************************************-->
<!--#include file="incfiles/sidebar.aspx"-->
<!--#include file="incfiles/footer.aspx"-->


<!--#include file="incfiles/globalJscript.aspx"-->   
<!--#include file="incfiles/commonJscript.aspx"-->
    
<script type="text/javascript" src="/js/app/index/index_controller.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
<script type="text/javascript" src="/js/app/index/index_view.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
<script type="text/javascript" src="/js/app/index/index_main.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
<script type="text/javascript" src="/js/app/index/index_video.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
</body>
</html>
l>
